<template>
  <div class="shan-page">
      
      <Shannavpage v-for="(v,i) in newarr2" :key="i" :img="v.img" :title="v.title" :con1="v.con1" :con2="v.con2" :id="v.id"/>
  </div>
</template>

<script>
import Shannavpage from "@/components/shannav/page.vue"
export default {
  components:{
    Shannavpage
  },
  created(){
    this.$store.dispatch("shanpage2")
  },
  computed:{
    newarr2(){
      return this.$store.state.shanpage1.arr2;
    }
  }
}
</script>

<style>
.shan-page{
  /* height: 10rem; */
  width: 100%;
  /* border: 1px solid black; */
  margin-bottom: 0.5rem;
}
</style>